<ul id="testTree" class="nav nav-list bs-docs-sidenav" style="min-width: 250px;margin-top: 10px;box-shadow:0 0 0;overflow:hidden">
    <li class="nav-header" style="font-size:14px; color: #222222;margin:5px 25px 0px 0;">Entity
        <i class="icon-plus-sign pull-right curse_pointer" style="display:none;margin-right: 42px" title="click to add"></i>
        <input type="hidden" value="123">
    </li>

    <ul>
        <li>
            <a class="icon" ></a>
            <div class="element">data
                <input type="hidden" value="data">
                <span>
                    <i class="icon-zoom-in" title="Expend"></i>
                    <i class="icon-plus" title="Add Child"></i>
                    <i class="icon-trash" title="Remove"></i>
                </span>
            </div>
            <ul style="display: none">
            </ul>
        </li>

        <li>
            <a class="icon plus"></a>
            <div class="element">user
                <input type="hidden" value="user">
                <span>
                    <i class="icon-zoom-in" title="Expend"></i>
                    <i class="icon-plus" title="Add Child"></i>
                    <i class="icon-trash" title="Remove"></i>
                </span>
            </div>
            <ul style="display: none">
                <li>
                    <a class="icon"></a>
                    <div class="element">legal user
                        <input type="hidden" value="legal user">
                        <span>
                            <i class="icon-zoom-in" title="Expend"></i>
                            <i class="icon-plus" title="Add Child"></i>
                            <i class="icon-trash" title="Remove"></i>
                        </span>
                    </div>
                    <ul style="display: none"></ul>
                </li>
                <li>
                    <a class="icon"></a>
                    <div class="element">illegal user
                        <input type="hidden" value="illegal user">
                        <span>
                            <i class="icon-zoom-in" title="Expend"></i>
                            <i class="icon-plus" title="Add Child"></i>
                            <i class="icon-trash" title="Remove"></i>
                        </span>
                    </div>
                    <ul style="display: none"></ul>
                </li>
            </ul>
        </li>
        <li>
            <a class="icon plus"></a>
            <div class="element">software
                <input type="hidden" value="software">
                <span>
                    <i class="icon-zoom-in" title="Expend"></i>
                    <i class="icon-plus" title="Add Child"></i>
                    <i class="icon-trash" title="Remove"></i>
                </span>
            </div>
            <ul style="display: none">
                <li>
                    <a class="icon"></a>
                    <div class="element">application software
                        <input type="hidden" value="application software">
                        <span>
                            <i class="icon-zoom-in" title="Expend"></i>
                            <i class="icon-plus" title="Add Child"></i>
                            <i class="icon-trash" title="Remove"></i>
                        </span>
                    </div>
                    <ul style="display: none"></ul>
                </li>
            </ul>
        </li>
    </ul>
    <hr/>
    <li class="nav-header" style="font-size:14px; color: #222222;margin:5px 0 0px 0;">Property<i class="icon-plus-sign pull-right curse_pointer" style="display:none;margin-right: 42px" title="click to add"></i></li>
    <ul>
        <li>
            <a class="icon plus"></a>
            <div class="element">upper property
                <input type="hidden" value="upper property">
                <span>
                    <i class="icon-zoom-in" title="Expend"></i>
                    <i class="icon-plus" title="Add Child"></i>
                    <i class="icon-trash" title="Remove"></i>
                </span>
            </div>
            <ul style="display: none">
                <li>
                    <a class="icon" ></a>
                    <div class="element">integrity
                        <input type="hidden" value="integrity">
                        <span>
                            <i class="icon-zoom-in" title="Expend"></i>
                            <i class="icon-plus" title="Add Child"></i>
                            <i class="icon-trash" title="Remove"></i>
                        </span>
                    </div>
                    <ul style="display: none">
                    </ul>
                </li>
                <li>
                    <a class="icon" ></a>
                    <div class="element">others...
                        <input type="hidden" value="others...">
                        <span>
                            <i class="icon-zoom-in" title="Expend"></i>
                            <i class="icon-plus" title="Add Child"></i>
                            <i class="icon-trash" title="Remove"></i>
                        </span>
                    </div>
                    <ul style="display: none">
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
    <hr/>
    <li class="nav-header" style="font-size:14px; color: #222222;margin:5px 0 0px 0;">Impact<i class="icon-plus-sign pull-right curse_pointer" style="display:none;margin-right: 42px" title="click to add"></i></li>
    <ul>
        <li>
            <a class="icon" ></a>
            <div class="element">lost of integrity
                <input type="hidden" value="lost of integrity">
                <span>
                    <i class="icon-zoom-in" title="Expend"></i>
                    <i class="icon-plus" title="Add Child"></i>
                    <i class="icon-trash" title="Remove"></i>
                </span>
            </div>
            <ul style="display: none">
            </ul>
        </li>
    </ul>
    <hr/>
    <li class="nav-header" style="font-size:14px; color: #222222;margin:5px 0 0px 0;">Threat<i class="icon-plus-sign pull-right curse_pointer" style="display:none;margin-right: 42px" title="click to add"></i></li>
    <ul>
        <li>
            <a class="icon" ></a>
            <div class="element">sniffer
                <input type="hidden" value="sniffer">
                <span>
                    <i class="icon-zoom-in" title="Expend"></i>
                    <i class="icon-plus" title="Add Child"></i>
                    <i class="icon-trash" title="Remove"></i>
                </span>
            </div>
            <ul style="display: none">
            </ul>
        </li>
    </ul>
    <hr/>
    <li class="nav-header" style="font-size:14px; color: #222222;margin:5px 0 0px 0;">Countermeasure<i class="icon-plus-sign pull-right curse_pointer" style="display:none;margin-right: 42px" title="click to add"></i></li>
    <ul>
        <li>
            <a class="icon" ></a>
            <div class="element">encryption
                <input type="hidden" value="encryption">
                <span>
                    <i class="icon-zoom-in" title="Expend"></i>
                    <i class="icon-plus" title="Add Child"></i>
                    <i class="icon-trash" title="Remove"></i>
                </span>
            </div>
            <ul style="display: none">
            </ul>
        </li>
    </ul>
</ul>

<link href="/stylesheets/tree.css" rel="stylesheet">
<script src="/javascripts/fmtree.js"></script>